<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a标签</title>
</head>
<body>
    <a href="#buttom" style="margin-left: 30%">去到底部</a>
    <a href="01_img_mark.html" >超链接1</a>
    <a href="./img/baoer.jpg">超链接2</a>
    <a href="http://www.baidu.com">超链接3</a>
    <!--图片超链接-->
    <a href="http://tmooc.cn"><img src="img/wangye.jpg" id="top"></a>
    <div style="height: 800px;width: 800px;margin-left: 30%;background-color: bisque" id="div1">
        div1
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
    </div>
    <div style="height: 800px;width: 800px;margin-left: 30%;background-color: dimgray" id="div2">
        div2
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
        <hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>
    </div>
    <a href="#top" id="buttom" style="margin-left: 50%">回到顶部</a>
</body>
</html>